<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>闷</title>
    <link rel="stylesheet" href="css/animal.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/page.css"> 
    <link rel="stylesheet" href="css/content.css">
    <script src="js/index.js"></script>
</head>


<body>
    <video src="music/back.mp3" controls="false" style="display:none;" autoplay="autoplay" loop="loop"></video>
    <div id="pagecontainer">
        <!--        这是主页面容器-->
        <input type="radio" id="rone" checked="checked" name="selecter">
        <input type="radio" id="rtwo" name="selecter">
        <input type="radio" id="rthr" name="selecter">
        <div>
            <div id="pageone" class="page">
                <div class="plane pleft active">
                    <div>
                        <!--                        <div class="plane-title"> </div>-->
                        <div class="plane-content">
                            <p>每个人都会钟情于一处自己心灵的圣地，情人或是钟情于最初开始的地方，探险家或是钟情于高山峡谷，旅游者或是钟情于大海草原。我也有一处自己心灵的圣地，它就在距我心灵最近的村后山顶之上，每次登顶，它总能给我带来别样的心境。</p>
                        </div>
                    </div>
                </div>
                <div class="plane pright active">
                    <div>
                        <!--                        <div class="plane-title"> hello world </div>-->
                        <div class="plane-content"> 我有时也会经常在山顶上看日升，看日落，看花开，看花谢，看天上云雾的千变万化，这些总能给我带来很多的感受。在平淡的日子里，最需要的就是这山顶上的心境了。</div>
                    </div>
                </div>
            </div>
            <div id="pagetwo" class="page">
                <div class="plane pleft">
                    <div>
                        <!--                        <div class="plane-title"> hello world </div>-->
                        <div class="plane-content">
                            <p>街道两旁，七彩的霓虹灯错落有致地闪烁着绚丽的光芒。广告牌上的明星，在灯光的映照下，笑得更加灿烂，更加可人，他们用热情的笑脸替城市的主人迎送着来自四方的客人。</p>
                            <p>远处来来往往的汽车灯光，像飞动的流萤，装点着夜幕下的城市。看，那高楼大厦的灯火，在夜色的衬托下，宛如悬挂在石壁上的水帘，又像飞流直下的光瀑，把城市装扮得玲珑剔透，格外壮观。登高远眺，整个城市就是灯的海洋，光的世界。</p>
                        </div>
                    </div>
                </div>
                <div class="plane pright">
                    <div>
                        <!--                        <div class="plane-title"> hello world </div>-->
                        <div class="plane-content"> 城市的夜晚是光的世界。当夕阳收起最后一道霞光的时候，一条条街道上的路灯亮了，向前望不到头，向后望不到尾，像一串串的明珠，悬挂在夜空，又像一条条火龙，在夜色中腾飞。 </div>
                    </div>
                </div>
            </div>
            <div id="pagethr" class="page">
                <div class="plane pleft">
                    <div>
                        <!--                        <div class="plane-title"> hello world </div>-->
                        <div class="plane-content">
                            <p>过去也许不堪回首，但未来总是美好的。你说出了这句话，却又后悔了。静静地审视自己的行为，才知道你的心灵已迷失很久，很长时间以来你一直在迷茫中前行。你总是对未来抱有希冀，但未曾想过，你的现在甚至过去都曾是你所谓的“未来”。</p>
                        </div>
                    </div>
                </div>
                <div class="plane pright">
                    <div>
                        <!--                        <div class="plane-title"> hello world </div>-->
                        <div class="plane-content"> 在以后的路上，你依旧在迷茫中前行，却在心中记起了自己曾经拥有的梦，让它们迷失在过去的路上，但或许从此前方的征程便有了方向。 </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <header>
        <div>
            <div id="navbutton"> <img src="image/详情.png" height="32" width="32" alt="" /> </div>
            <div id="navcontainer">
                <div id="navtitle">我的信息 </div>
                <hr>
                <div class="navinfobar">
                    <div>姓名：</div>
                    <div>吴璇</div>
                </div>
                <div class="navinfobar">
                    <div>昵称：</div>
                    <div>闷</div>
                </div>
                <div class="navinfobar">
                    <div>年龄：</div>
                    <div>18</div>
                </div>
                <div class="navinfobar">
                    <div>生日：</div>
                    <div>1998-07-22</div>
                </div>
                <div class="navinfobar">
                    <div>QQ：</div>
                    <div>1092730874</div>
                </div>
            </div>
        </div>
    </header>
</body>

</html>